<template>
    <div class='header'>
        <router-link to="/">
            <div class='header-left'>
                <i class="iconfont">&#xe624;</i>
            </div>
        </router-link>
            城市选择
    </div>
</template>
<script>
export default {
    name:"CityHeader",
  props:{
      city:String
  }
}
</script>
<style lang="scss" scoped>
@import '~styles/iconfont.css';
@import "~styles/_parameters.scss";
  .header{
      position:relative;
      background-color:$bgColor;
      color:#fff;
      height:$headerHeight;
      line-height:$headerHeight;
      text-align:center;
  }
  .header-left{
      width:.86rem;
      color:#fff;
      position:absolute;
      left:0;
      top:0;
      bottom:0;
  }
 
</style>